<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<div id="app">
    <h2>{{title}}</h2>
    <input v-model="name">
    <input v-model="name">
    <h1>{{name}}</h1>
    <h1>{{name}}</h1>
    <!--<h1 v-model="{{name}}">11</h1>-->
    <button v-on:click="clickMe">click me!</button>
</div>

<script src="Observer.js"></script>
<script src="Watcher.js"></script>
<script src="Complie.js"></script>
<script src="TestVue.js"></script>
<script>
    new TestVue({
        element: '#app',
        data: {
            title: 'hello world',
            name: 'canfoo'
        },
        methods: {
            clickMe: function () {
                this.title = 'hello world';
            }
        },
        mounted: function () {
            window.setTimeout(() => {
                this.title = '你好';
            }, 1000);
        }
    });

</script>
</body>
</html>